<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>Document</title>
    <style type="text/css">  
        html{height:100%}    
        body{height:100%;margin:0px;padding:0px}    
        #container2{height:100%}    
    </style> 
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=x82ZfAGNptNzdMuOk7E3261lrukWXFGS">
    </script>
</head>
<body>
    <div id="container" style="width:500px; height:300px"></div>
    <div id="container2" style="width:100%; height:500px"></div>

    <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
<script>
 
function init() {
    var map = new qq.maps.Map(document.getElementById("container"), {
        // 地图的中心地理坐标。
        center: new qq.maps.LatLng(39.916527,116.397128)
    });
}
init()

var map = new BMapGL.Map("container2");
var point = new BMapGL.Point(116.404, 39.915);
map.centerAndZoom(point, 6); 
</script>
</body>
</html>